﻿@CHARSET "UTF-8";


      html, body {
        position: relative;
        height: 100%;
    }
    
    body 
    {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
       
		min-width:320px;
		max-width:640px;
		margin:0 auto;
	}

 input,textarea{
 	border:0;
 	display:inline-block;  
	*display:inline;  
	*zoom:1;
	width:94%;
}

/* 低栏菜单 */
#tabview
{
	//border-top:2px solid  #6d645c;
	position:fixed;
	bottom:0px;
	min-width:320px;
	max-width:640px;
	z-index:999;
	
	//position:relative !important;
				
	//margin-top:-50px;
	
}


/* 轮播 */
	    .swiper-container {
        width: 100%;
        //height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		//max-height:150px;
    }





/* 商城首页分类 */

 #index-cat>div
 {
 	display:inline-block;
	width:24%;
	margin:0px;
	padding-top:55px;
	padding-bottom:10px;
	background-image:url(../icons/icon1.png);
	background-size:50px;
	background-repeat:no-repeat;
	background-position:center top;
	color:gray;
	
	
 }
 
 

 
 #index-cat>div:nth-child(n+4)
 {
 	padding-bottom:0px;
 }
 
 
 #index-cat>div:nth-child(1)
 {
 	background-image:url(../icons/icon1.png);
 }

#index-cat>div:nth-child(2)
 {
 	background-image:url(../icons/icon2.png);
 }
 
 #index-cat>div:nth-child(3)
 {
 	background-image:url(../icons/icon3.png);
 }
 
 #index-cat>div:nth-child(4)
 {
 	background-image:url(../icons/icon4.png);
 }
 
  #index-cat>div:nth-child(5)
 {
 	background-image:url(../icons/icon5.png);
 }
 
  #index-cat>div:nth-child(6)
 {
 	background-image:url(../icons/icon6.png);
 }
 
   #index-cat>div:nth-child(7)
 {
 	background-image:url(../icons/icon7.png);
 }
 
   #index-cat>div:nth-child(8)
 {
 	background-image:url(../icons/icon8.png);
 }
 
 .goods-list
 {
 	line-height:30px;
	padding-left:15px;
	
 }
 
  .goods-list-div
  {
  	 display:none;
  }
 
 .show
 {
 	display:block;
 }
 
 .index-goods>div
 {
 	width:90px;
	height:90px;
 }



#market-seach
{
	position:absolute;
	opacity:0.6;
	z-index:99;
	width:100%;
}

/*  实体店头部 */
.shop-head>div
{
	width:120px;
	height:90px;
}

/*  首页 */

 #index-content
 {
 	background-image:url(../images/index-content.jpg);
	background-size:100%;
	background-repeat: no-repeat;
	height:inherit;
 }
 

 /* 实体店列表 */
#active-content,#article-content
{
	height:inherit;
	padding:15px;
	
	padding-bottom:80px;
	min-height:600px;
	//background-color: #DBEDF0;
} 

#active-content
{
	padding-top:60px;
	
	
}

iframe
{
	width:100% !important;
	//height:auto;
}

#article-content>div
{
	background-color: #fff;
	margin-bottom:15px;
}


#goods-list-content
{
	height:inherit;
	//background-color:#FFFFCD;
	
	padding-top:60px;
}
#active-content>div
{
	margin-bottom:15px;
}
 /* 实体店 */

#shop-content
{
	height:inherit;
	padding-top:15px;
	//background-color:#FFFFCD;
	//padding-bottom:80px;
	//min-height:600px;
}


#shop-content>div
{
	//margin-bottom:30px;
}



/* 遮盖层 */

#mcover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    
    background: rgba(0, 0, 0, 0.7);
    //display: none;
    z-index: 90;
	display:block;
}










/* 分类下拉以及二级 */

.sub-menu{
	position: absolute;
	bottom: -500px;
	padding-bottom: 9px;
	width: 100px;
	background: url('../images/arrow.png') no-repeat center bottom;
	background-size: 10px 9px; 
	list-style: none;
	opacity: 0;
	transition: all .7s;
	-moz-transition: all .7s; 
	-webkit-transition: all .7s; 
	-o-transition: all .7s; 
	left:-25px;
}
.sub-menu li{
	padding: 12px 0;
	//background-color: #533901;
	border-top: 1px solid #6d645c; /*比背景色浅一点*/
	border-bottom: 1px solid #3a3531; /*比背景色深一点*/
	line-height: normal;
}
.sub-menu li:first-child{
	border-top-left-radius:5px; 
	border-top-right-radius:5px; 
}
.sub-menu li:last-child{
	border-bottom-left-radius:5px; 
	border-bottom-right-radius:5px; 
}
.filter{
	position: fixed;
	top: 0;
	width: 100%;
	height: 45px;
	//border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	z-index: 999;
}
.filter>ul{
	margin: 4px 0;
	height: 35px;
	list-style: none;
	z-index: 999;
}
.filter>ul>li{
	width: 49.5%;
	height: 35px;
	border-right:1px solid #ddd; 
	text-align: center;
	line-height: 35px;
	float: left;
	z-index: 999;
	
}
.filter>ul>li:last-child{
	border-right: 0;
}
.filter>ul>li p{
	margin: 0;
	display: inline-block;
	position:relative;
	width:80px;
}
.filter>ul>li img{
	margin-left: 8px;
	width: 15px;
}

.tab-bottom
{
	border-bottom:2px solid;
	display:inline-block;
	width:80px;
	//margin:0 auto;
	position:absolute;
	bottom:-6px;
	left:0px;
	
}



.select-box{
	position: fixed;
	top: 45px;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 999;
	display: none;
}
.select-box li{
	padding: 5px 15px;
	border-top: 1px solid #eee;
	text-align: left;
	list-style: none;
}
.select-box li:hover{
	background-color: #eee;
	color: #1573ff;
}
.select-box li:last-child{
	border-bottom: 0;
}
#overlay{
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	//z-index: 998;
	position:fixed;
}

#goverlay{
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 998;
	position:fixed;
}

/* 圆形菜单 */

#circle-icon,#map-icon{
	position: fixed;
	right: 15px;
	bottom: 30px;
	opacity:0.4;
	display:none;
}

#publish-icon
{
	position: fixed;
	right: 15px;
	bottom: 30px;
	opacity:0.4;
}

#circle-icon>div,#map-icon>div,#publish-icon>div{
	position: relative;
}

#icon-zhengque{
	background: url('../images/icon-zhengque.png') no-repeat center center black;
	background-size: 26px 26px;
	z-index: 997;
	width: 55px;
	height: 55px;
	display: inline-block;
	margin-left: 0px;
	
	border-radius: 100%;
	position:relative;
	top:5px;
	
}


#circle-icon>div div,#map-icon>div div{
	display: inline-block;
	margin-left: 0px;
	width: 45px;
	height: 45px;
	border-radius: 100%;
}
.icon-left{
	background: url('../images/icon-left.png') no-repeat center center black;
	background-size: 24px 24px;
	z-index: 997;
	
	display: inline-block;
	margin-left: 0px;
	width: 45px;
	height: 45px;
	border-radius: 100%;
}

.map-left{
	background: url('../images/icon-change.png') no-repeat center center black;
	background-size: 24px 24px;
	z-index: 997;
}


.right-close
{
	background: url('../images/right-close.png') no-repeat center center;
	background-size: 10px 10px;
	z-index: 997;
	float:right;
	width:25px;
	height:25px;
	opacity:0.8;
	border-radius:10px;
}

.icon-more{
	background: url('../images/icon-more.png') no-repeat center center black;
	background-size: 23px 6px;
	z-index: 997;
}



.icon-hidden{
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	z-index: -1;
}
.icon-home{
	background: url('../images/icon-user.png') no-repeat center center black;
	background-size: 24px 24px;
	-webkit-transition:all .5s;
	transition:all .5s;
	-webkit-transform:(0,0,0);
	transform:(0,0,0);
}
.icon-cart{
	background: url('../images/icon-left.png') no-repeat center center black;
	background-size: 22px 22px;
	-webkit-transition:all .5s;
	transition:all .5s;
	-webkit-transform:(0,0,0);
	transform:(0,0,0);
	
}
.icon-shop{
	background: url('../images/icon-shop.png') no-repeat center center black;
	background-size: 24px 24px;
	-webkit-transition:all .5s;
	transition:all .5s;
	-webkit-transform:(0,0,0);
	transform:(0,0,0);
}




/* 点击效果 */
 
 .tab_m>div:active
{
	-webkit-appearance:none;
	background-color:#35312d;
}

#icon-zhengque:active,.icon-left:active,.map-left:active,.right-close:active,.icon-more:active,.icon-home:active,.icon-cart:active,.icon-shop:active,.icon-close:active
{
	background-color:gray;
}

#add_img:active
{
	background-color:gray;
}

  #index-cat>div:active,.index-goods:active,.phone:active,.lead:active
  {
  	-webkit-appearance:none;
  	background-color:#F2F2F2;
  }
 
 
 .block-active:active
 {
 	-webkit-appearance:none;
  	background-color:#F2F2F2;
 }
 
 
 .button-fir-active:active
 {
 	-webkit-appearance:none;
  	background-color:#5B0900;
 }
 
 
 
 /* 动画效果 */

 .slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.slide.ng-enter,
.slide.ng-leave {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.slide.ng-enter {
    left: 100%;
}
.slide.ng-enter-active {
    left: 0;
}
.slide.ng-leave {
    left: 0;
}
.slide.ng-leave-active {
    left: -100%;
}


.slidedown {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.slidedown.ng-enter,
.slidedown.ng-leave {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.slidedown.ng-enter {
    top: -100%;
}
.slidedown.ng-enter-active {
    top: 0;
}
.slidedown.ng-leave {
    top: 0;
}
.slidedown.ng-leave-active {
    top: 100%;
}


.fade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    //height: 100%;
    opacity: 1;
}
.fade.ng-enter,
.fade.ng-leave {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.fade.ng-enter {
    opacity: 0;
}
.fade.ng-enter-active {
    opacity: 1;
}
.fade.ng-leave {
    opacity: 1;
}
.fade.ng-leave-active {
    opacity: 0;
}


/* loading提示 */
#loading {
	position: fixed;
	z-index: 100;
	top: 50%;
	left: 0;
	line-height: 40px;
	height: 40px;
	margin-top: -20px;
	display: none;
	text-align: center;
	width: 100%;
}
#loading span{
	display: inline-block;
	background: rgba(0,0,0,0.2);
	padding: 0 10px;
	font-size: 20px;
}
 
 
 
 
 
 /* 会员中心顶部 */
.perBg{
	background-image:url(../images/perBg.png);
}

.perBg-vip1{
	background-image:url(../images/perBg-vip1.png);
	background-size:100%;
}

.uh-per1{
	height:9.375em;
}

.uwh-per2{
	width:3em;
	height:3em;
}

.uwh-per4{
	width:2em;
	height:2em;
}

.uwh-per3{
	width:4em;
	height:4em;
}

.uc-a-per1{
	-webkit-border-radius: 3em;
	border-radius: 3em;
}
.uc-a-per2{
	-webkit-border-radius: 100%;
	border-radius:100%;
}

.uinn-per2{
	padding:1.2em 0 0.3125em 0;
}
.umar-r-per1{
	margin-right:1.6875em;
}
.umar-l-per1{
	margin-left:0.625em;
}
.b-gra-per{
	border-color:#686868;
}
.c-wh-per{
	background-color:rgba(255,255,255,0.7);
}
.uinn-a16{
	padding:0.125em;
}
.uinn3
{
	padding:0.2em;
}
.t-wh2{
	color:rgba(255,255,255,0.6);
}
.ufsty{
	font-style: italic;
}
.t-gra5{
	color:#686868;
}
.t-gra6{
	color:#c2c2c2;
}
.umar-FP1{
	margin:0 1.25em;
}

.uinn-a1{
    padding:0.625em;
}
.umar-at1{
    margin-top:0.625em;
}
.umar-ar3{
    margin-right:0.5em;
}
.uinn-a11{
    padding:0.625em 0;
}

.uinn-a7{
    padding:0 0.625em;
}



#order-all>div:nth-child(4)
{
	border:none;
}


/* 分类列表 */
.cat-list img
{
	height:60px;
	width:60px;
}


.cat-text
{
	line-height:20px;
	
}




/* 选项卡效果 */

 .filter>p{position:absolute;top:42px;left:52px;width:80px;height:7px;border-top:3px solid #ff6600;overflow:hidden;text-align:center;}
 
 .img-full img
 {
 	width:100%;
	height:100%;
 }
 
 
 .swiper-container
 {
 	min-height:100px;
 }


 a.tel
{

text-decoration:none;
color:black;
}


/* 文章列表*/
.art-list
	{
		padding:10px 15px;
	}

	.art-list>div
	{
		margin-bottom: 10px;
	}

	.art-time,.art-desc
	{
		color: gray;
		font-size: 12px;
	}

	.art-title
	{
		font-size: 18px;
		font-weight: bold;
	}


	.art-desc
	{
		font-size: 12px;
		line-height: 18px;
	}
	
	.trends-div
	{
		width:100%;
		height:200px;
	}
	
	.trends-head
	{
		position:absolute;
		bottom:35px;
		right:10px
	}
	
	
	.trends-collect
	{
		position:absolute;
		top:15px;
		right:13px;
	}
	
	
/**
 * 底部样式
 */
footer{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background-color: #fff;
	border-top: 1px solid #f6f6f6;
	font-family: "Microsoft Yahei";
}
footer:after{
	content: "";
	display: block;
	clear: both;
}
footer>div{
	width:20%; 
	height: 50px;
	text-align: center;
	float: left;
}
footer>div img{
	margin-top: 4px;
	margin-bottom: 4px;
	width: 24px;
}
footer>div p{
	margin: 0;
	margin-top: -2px;
	color: #777;
	font-size: 12px;
}

footer>div.active p{
	
	color: #FF7D40;
	
}

.footer-cam{
	position: relative;
	bottom: 23px;
	height: 62px;
	background: url('../images/cam-cir.png') no-repeat center center;
	/*vertical-align: middle;*/
}
.footer-cam img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -15.5px;
	margin-left: -13.5px;
}



			#notify
			{
				display:inline-block;
				position:absolute;
				width:10px;
				height:10px;
				background-color:red;
				border-radius:10px;
				top:4px;
				right:25%;
			}
		
			#notify_comment
			{
				display:inline-block;
				position:absolute;
				width:15px;
				height:15px;
				background-color:#FF7D40;
				border-radius:15px;
				top:4px;
				right:32%;
				color:white;
				line-height:15px;
				text-align:center;
				font-size:10px;
			}
			